<div ng-controller="AdminPeopleCtrl as vm">
    <section class="content-header">
        <!-- Content Header (Page header) -->
        GC People Planning Report
        <!--  <div class="pull-right">
                        <form class="form-inline">
                          <div class="form-group">
                            <select class="form-control" ng-options="div for div in years track by div" ng-model="vm.year" ng-change="vm.loadData()">
                      </select>
                          </div>
                          <div class="form-group">
                            <select class="form-control" ng-options="div for div in months track by div" ng-model="vm.month" ng-change="vm.loadData()">
                      </select>
                          </div>
                        </form>
                       
                      
                    </div> -->
    </section>
    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-md-12">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">People Planning Summary</h3>
                        <div class="pull-right">
                            <form class="form-inline">
                                <div class="form-group">
                                    <select class="form-control" ng-options="div.name for div in regions track by div.id" ng-model="vm.region" ng-change="vm.regionChange()">
                                        <option ng-if="role!='Sub-Region Admin'"  value="">--- Sub-Region ---</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <select class="form-control" ng-options="div.name for div in clusters track by div.id" ng-model="vm.cluster" ng-change="vm.clusterChange()">
                                        <option value="">--- Cluster ---</option>
                                    </select>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="box-body table-responsive no-padding">
                        <table ng-table="vm.tableParams" class="table table-hover table-bordered table-condensed" show-filter="true">
                            <tr ng-repeat="ret in $data">
                                <td width="300px" title="'Hotel Name'" filter="{ hotelName: 'text'}" sortable="'hotel'">
                                    {{ret.hotelName}}</td>
                                <td title="'Update Date'" sortable="'lastUpdated'">
                                    {{ret.lastUpdated | date: 'yyyy-MM-dd'}}</td>
                                <td title="'GM'" ng-switch='ret.data[0].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[0])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant">Vacant</span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger">Vacant</span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">Vacant</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success">Vacant</span></div>
                                        <div ng-switch-default>{{ret.data[0].name}}
                                        </div>
                                    </a>
                                </td>

                                <td title="'HM/RM/EAM'" ng-switch='ret.data[1].vacantStatus'>
                                    <div ng-if="ret.data[1].position=='HM/RM/EAM'" ng-switch='ret.data[1].vacantStatus'>
                                        <a ng-click="vm.viewDetail(ret, ret.data[1])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant">Vacant</span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger">Vacant</span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">Vacant</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success">Vacant</span></div>
                                        <div ng-switch-default>{{ret.data[1].name}}
                                        </div>
                                    </a>
                                    </div>
                                    
                                </td>
                                <td title="'FC'" >
                                    <div ng-if="ret.data[1].position=='FC'" ng-switch='ret.data[1].vacantStatus'>
                                        <a ng-click="vm.viewDetail(ret, ret.data[1])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant">Vacant</span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger">Vacant</span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">Vacant</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success">Vacant</span></div>
                                        <div ng-switch-default>{{ret.data[1].name}}
                                        </div>
                                    </a>
                                    </div>
                                    <div ng-if="ret.data[2].position=='FC'" ng-switch='ret.data[2].vacantStatus'>
                                        <a ng-click="vm.viewDetail(ret, ret.data[2])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant">Vacant</span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger">Vacant</span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">Vacant</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success">Vacant</span></div>
                                        <div ng-switch-default>{{ret.data[2].name}}
                                        </div>
                                    </a>
                                    </div>
                                    
                                </td>
                                <td title="'HRD'" ng-switch='ret.data[3].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[3])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant">Vacant</span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger">Vacant</span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">Vacant</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success">Vacant</span></div>
                                        <div ng-switch-default>{{ret.data[3].name}}
                                        </div>
                                    </a>
                                </td>
                                <td title="'Tng Mgr'" ng-switch='ret.data[4].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[4])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant">Vacant</span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger">Vacant</span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">Vacant</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success">Vacant</span></div>
                                        <div ng-switch-default>{{ret.data[4].name}}
                                        </div>
                                    </a>
                                </td>
                                <td title="'DOSM'" ng-switch='ret.data[5].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[5])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant">Vacant</span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger">Vacant</span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">Vacant</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success">Vacant</span></div>
                                        <div ng-switch-default>{{ret.data[5].name}}
                                        </div>
                                    </a>
                                </td>
                                <td title="'Rev Mgr'" ng-switch='ret.data[6].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[6])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant">Vacant</span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger">Vacant</span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">Vacant</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success">Vacant</span></div>
                                        <div ng-switch-default>{{ret.data[6].name}}
                                        </div>
                                    </a>
                                </td>
                                <td title="'DoFBev'" ng-switch='ret.data[7].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[7])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant">Vacant</span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger">Vacant</span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">Vacant</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success">Vacant</span></div>
                                        <div ng-switch-default>{{ret.data[7].name}}
                                        </div>
                                    </a>
                                </td>
                                <td title="'Exec Chef'" ng-switch='ret.data[8].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[8])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant">Vacant</span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger">Vacant</span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">Vacant</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success">Vacant</span></div>
                                        <div ng-switch-default>{{ret.data[8].name}}
                                        </div>
                                    </a>
                                </td>
                                <td title="'DOE'" ng-switch='ret.data[9].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[9])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant">Vacant</span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger">Vacant</span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">Vacant</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success">Vacant</span></div>
                                        <div ng-switch-default>{{ret.data[9].name}}
                                        </div>
                                    </a>
                                </td>
                                <td title="'IT Mgr'" ng-switch='ret.data[10].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[10])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant">Vacant</span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger">Vacant</span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">Vacant</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success">Vacant</span></div>
                                        <div ng-switch-default>{{ret.data[10].name}}
                                        </div>
                                    </a>
                                </td>
                                <td title="'DOR'" ng-switch='ret.data[11].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[11])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant">Vacant</span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger">Vacant</span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">Vacant</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success">Vacant</span></div>
                                        <div ng-switch-default>{{ret.data[11].name}}
                                        </div>
                                    </a>
                                </td>
                                <td title="'FO Mgr'" ng-switch='ret.data[12].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[12])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant">Vacant</span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger">Vacant</span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">Vacant</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success">Vacant</span></div>
                                        <div ng-switch-default>{{ret.data[12].name}}
                                        </div>
                                    </a>
                                </td>
                                <td title="'Exec HKP'" ng-switch='ret.data[13].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[13])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant">Vacant</span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger">Vacant</span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">Vacant</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success">Vacant</span></div>
                                        <div ng-switch-default>{{ret.data[13].name}}
                                        </div>
                                    </a>
                                </td>
                                <td title="'CMD/DOC'" ng-switch='ret.data[14].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[14])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant">Vacant</span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger">Vacant</span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">Vacant</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success">Vacant</span></div>
                                        <div ng-switch-default>{{ret.data[14].name}}
                                        </div>
                                    </a>
                                </td>
                                <td title="'Marcom Mgr'" ng-switch='ret.data[15].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[15])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant">Vacant</span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger">Vacant</span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">Vacant</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success">Vacant</span></div>
                                        <div ng-switch-default>{{ret.data[15].name}}
                                        </div>
                                    </a>
                                </td>
                                <td title="'Security Mgr'" ng-switch='ret.data[16].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[16])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant">Vacant</span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger">Vacant</span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">Vacant</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success">Vacant</span></div>
                                        <div ng-switch-default>{{ret.data[16].name}}
                                        </div>
                                    </a>
                                </td>
                                <td title="'Procurement Mgr'" ng-switch='ret.data[17].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[17])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant">Vacant</span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger">Vacant</span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">Vacant</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success">Vacant</span></div>
                                        <div ng-switch-default>{{ret.data[17].name}}
                                        </div>
                                    </a>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <!-- /.box-body -->
                </div>
                <!-- /.box -->
                 <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">Overall Vacancy Status</h3>
                    </div>
                    <div class="box-body table-responsive no-padding">
                        <table ng-table="vm.tableParams3" class="table table-hover table-bordered table-condensed" show-filter="true">
                            <tr ng-repeat="ret in $data">
                                <td width="300px" title="'Region Name'" filter="{ name: 'text'}" sortable="'name'">
                                    {{ret.name}}</td>
                                <td title="'GM'" ng-switch='ret.data[0].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[0], 1)">
                                        {{ret.data[0].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[0].number}}
                                    </div>
                                </td>
                                <td title="'HM/RM/EAM'" ng-switch='ret.data[1].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[1], 1)">
                                        {{ret.data[1].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[1].number}}
                                    </div>
                                </td>
                                <td title="'FC'" ng-switch='ret.data[2].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[2], 1)">
                                        {{ret.data[2].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[2].number}}
                                    </div>
                                </td>
                                <td title="'HRD'" ng-switch='ret.data[3].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[3], 1)">
                                        {{ret.data[3].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[3].number}}
                                    </div>
                                </td>
                                <td title="'Tng Mgr'" ng-switch='ret.data[4].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[4], 1)">
                                        {{ret.data[4].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[4].number}}
                                    </div>
                                </td>
                                <td title="'DOSM'" ng-switch='ret.data[5].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[5], 1)">
                                        {{ret.data[5].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[5].number}}
                                    </div>
                                </td>
                                <td title="'Rev Mgr'" ng-switch='ret.data[6].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[6], 1)">
                                        {{ret.data[6].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[6].number}}
                                    </div>
                                </td>
                                <td title="'DoFBev'" ng-switch='ret.data[7].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[7], 1)">
                                        {{ret.data[7].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[7].number}}
                                    </div>
                                </td>
                                <td title="'Exec Chef'" ng-switch='ret.data[8].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[8], 1)">
                                        {{ret.data[8].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[8].number}}
                                    </div>
                                </td>
                                <td title="'DOE'" ng-switch='ret.data[9].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[9], 1)">
                                        {{ret.data[9].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[9].number}}
                                    </div>
                                </td>
                                <td title="'IT Mgr'" ng-switch='ret.data[10].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[10], 1)">
                                        {{ret.data[10].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[10].number}}
                                    </div>
                                </td>
                                <td title="'DOR'" ng-switch='ret.data[11].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[11], 1)">
                                        {{ret.data[11].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[11].number}}
                                    </div>
                                </td>
                                <td title="'FO Mgr'" ng-switch='ret.data[12].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[12], 1)">
                                        {{ret.data[12].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[12].number}}
                                    </div>
                                </td>
                                <td title="'Exec HKP'" ng-switch='ret.data[13].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[13], 1)">
                                        {{ret.data[13].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[13].number}}
                                    </div>
                                </td>
                                <td title="'CMD/DOC'" ng-switch='ret.data[14].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[14], 1)">
                                        {{ret.data[14].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[14].number}}
                                    </div>
                                </td>
                                <td title="'Marcom Mgr'" ng-switch='ret.data[15].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[15], 1)">
                                        {{ret.data[15].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[15].number}}
                                    </div>
                                </td>
                                <td title="'Security Mgr'" ng-switch='ret.data[16].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[16], 1)">
                                        {{ret.data[16].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[16].number}}
                                    </div>
                                </td>
                                <td title="'Procurement Mgr'" ng-switch='ret.data[17].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[17], 1)">
                                        {{ret.data[17].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[17].number}}
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <th>Total</th>
                                 <th>{{vm.total3.data[0].number}}</th>
                                <th>{{vm.total3.data[1].number}}</th>
                                <th>{{vm.total3.data[2].number}}</th>
                                <th>{{vm.total3.data[3].number}}</th>
                                <th>{{vm.total3.data[4].number}}</th>
                                <th>{{vm.total3.data[5].number}}</th>
                                <th>{{vm.total3.data[6].number}}</th>
                                <th>{{vm.total3.data[7].number}}</th>
                                <th>{{vm.total3.data[8].number}}</th>
                                <th>{{vm.total3.data[9].number}}</th>
                                <th>{{vm.total3.data[10].number}}</th>
                                <th>{{vm.total3.data[11].number}}</th>
                                <th>{{vm.total3.data[12].number}}</th>
                                <th>{{vm.total3.data[13].number}}</th>
                                <th>{{vm.total3.data[14].number}}</th>
                                <th>{{vm.total3.data[15].number}}</th>
                                <th>{{vm.total3.data[16].number}}</th>
                                <th>{{vm.total3.data[17].number}}</th>
                            </tr>
                        </table>
                    </div>
                </div>
                <!-- /.box -->
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">CTP Top 25 Hotels Vacant > 60 Days</h3>
                    </div>
                    <div class="box-body table-responsive no-padding">
                        <table ng-table="vm.tableParams2" class="table table-hover table-bordered table-condensed" show-filter="true">
                            <tr ng-repeat="ret in $data">
                                <td width="300px" title="'Hotel Name'" filter="{ hotelName: 'text'}" sortable="'hotel'">
                                    {{ret.hotelName}}</td>
                                <td title="'Update Date'" sortable="'lastUpdated'">
                                    {{ret.lastUpdated | date: 'yyyy-MM-dd'}}</td>
                                <td title="'GM'" ng-switch='ret.data[0].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[0])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant"></span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger"></span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">1</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success"></span></div>
                                        <div ng-switch-default>
                                        </div>
                                    </a>
                                </td>
                                <td title="'HM/RM/EAM'" ng-switch='ret.data[1].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[1])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant"></span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger"></span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">1</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success"></span></div>
                                        <div ng-switch-default>
                                        </div>
                                    </a>
                                </td>
                                <td title="'FC'" ng-switch='ret.data[2].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[2])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant"></span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger"></span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">1</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success"></span></div>
                                        <div ng-switch-default>
                                        </div>
                                    </a>
                                </td>
                                <td title="'HRD'" ng-switch='ret.data[3].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[3])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant"></span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger"></span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">1</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success"></span></div>
                                        <div ng-switch-default>
                                        </div>
                                    </a>
                                </td>
                                <td title="'Tng Mgr'" ng-switch='ret.data[4].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[4])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant"></span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger"></span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">1</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success"></span></div>
                                        <div ng-switch-default>
                                        </div>
                                    </a>
                                </td>
                                <td title="'DOSM'" ng-switch='ret.data[5].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[5])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant"></span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger"></span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">1</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success"></span></div>
                                        <div ng-switch-default>
                                        </div>
                                    </a>
                                </td>
                                <td title="'Rev Mgr'" ng-switch='ret.data[6].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[6])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant"></span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger"></span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">1</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success"></span></div>
                                        <div ng-switch-default>
                                        </div>
                                    </a>
                                </td>
                                <td title="'DoFBev'" ng-switch='ret.data[7].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[7])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant"></span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger"></span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">1</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success"></span></div>
                                        <div ng-switch-default>
                                        </div>
                                    </a>
                                </td>
                                <td title="'Exec Chef'" ng-switch='ret.data[8].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[8])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant"></span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger"></span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">1</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success"></span></div>
                                        <div ng-switch-default>
                                        </div>
                                    </a>
                                </td>
                                <td title="'DOE'" ng-switch='ret.data[9].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[9])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant"></span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger"></span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">1</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success"></span></div>
                                        <div ng-switch-default>
                                        </div>
                                    </a>
                                </td>
                                <td title="'IT Mgr'" ng-switch='ret.data[10].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[10])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant"></span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger"></span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">1</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success"></span></div>
                                        <div ng-switch-default>
                                        </div>
                                    </a>
                                </td>
                                <td title="'DOR'" ng-switch='ret.data[11].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[11])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant"></span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger"></span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">1</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success"></span></div>
                                        <div ng-switch-default>
                                        </div>
                                    </a>
                                </td>
                                <td title="'FO Mgr'" ng-switch='ret.data[12].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[12])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant"></span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger"></span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">1</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success"></span></div>
                                        <div ng-switch-default>
                                        </div>
                                    </a>
                                </td>
                                <td title="'Exec HKP'" ng-switch='ret.data[13].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[13])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant"></span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger"></span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">1</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success"></span></div>
                                        <div ng-switch-default>
                                        </div>
                                    </a>
                                </td>
                                <td title="'CMD/DOC'" ng-switch='ret.data[14].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[14])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant"></span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger"></span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">1</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success"></span></div>
                                        <div ng-switch-default>
                                        </div>
                                    </a>
                                </td>
                                <td title="'Marcom Mgr'" ng-switch='ret.data[15].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[15])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant"></span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger"></span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">1</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success"></span></div>
                                        <div ng-switch-default>
                                        </div>
                                    </a>
                                </td>
                                <td title="'Security Mgr'" ng-switch='ret.data[16].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[16])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant"></span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger"></span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">1</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success"></span></div>
                                        <div ng-switch-default>
                                        </div>
                                    </a>
                                </td>
                                <td title="'Procurement Mgr'" ng-switch='ret.data[17].vacantStatus'>
                                    <a ng-click="vm.viewDetail(ret, ret.data[17])">
                                        <div ng-switch-when="warning"><span class="label label-warning yellow-vacant"></span></div>
                                        <div ng-switch-when="danger"><span class="label label-danger"></span></div>
                                        <div ng-switch-when="purple"><span class="label bg-purple">1</span></div>
                                        <div ng-switch-when="ok"><span class="label label-success"></span></div>
                                        <div ng-switch-default>
                                        </div>
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <th>Total</th>
                                <th></th>
                                <th>{{vm.total2.data[0].number}}</th>
                                <th>{{vm.total2.data[1].number}}</th>
                                <th>{{vm.total2.data[2].number}}</th>
                                <th>{{vm.total2.data[3].number}}</th>
                                <th>{{vm.total2.data[4].number}}</th>
                                <th>{{vm.total2.data[5].number}}</th>
                                <th>{{vm.total2.data[6].number}}</th>
                                <th>{{vm.total2.data[7].number}}</th>
                                <th>{{vm.total2.data[8].number}}</th>
                                <th>{{vm.total2.data[9].number}}</th>
                                <th>{{vm.total2.data[10].number}}</th>
                                <th>{{vm.total2.data[11].number}}</th>
                                <th>{{vm.total2.data[12].number}}</th>
                                <th>{{vm.total2.data[13].number}}</th>
                                <th>{{vm.total2.data[14].number}}</th>
                                <th>{{vm.total2.data[15].number}}</th>
                                <th>{{vm.total2.data[16].number}}</th>
                                <th>{{vm.total2.data[17].number}}</th>
                            </tr>
                        </table>
                    </div>
                    <!-- /.box-body -->
                </div>
                <!-- /.box -->
               
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">Vacant > 90 Days</h3>
                    </div>
                    <div class="box-body table-responsive no-padding">
                        <table ng-table="vm.tableParams4" class="table table-hover table-bordered table-condensed" show-filter="true">
                            <tr ng-repeat="ret in $data">
                                <td width="300px" title="'Region Name'" filter="{ name: 'text'}" sortable="'name'">
                                    {{ret.name}}</td>
                                <td title="'GM'" ng-switch='ret.data[0].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[0],2)">
                                        {{ret.data[0].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[0].number}}
                                    </div>
                                </td>
                                <td title="'HM/RM/EAM'" ng-switch='ret.data[1].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[1],2)">
                                        {{ret.data[1].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[1].number}}
                                    </div>
                                </td>
                                <td title="'FC'" ng-switch='ret.data[2].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[2],2)">
                                        {{ret.data[2].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[2].number}}
                                    </div>
                                </td>
                                <td title="'HRD'" ng-switch='ret.data[3].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[3], 2)">
                                        {{ret.data[3].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[3].number}}
                                    </div>
                                </td>
                                <td title="'Tng Mgr'" ng-switch='ret.data[4].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[4], 2)">
                                        {{ret.data[4].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[4].number}}
                                    </div>
                                </td>
                                <td title="'DOSM'" ng-switch='ret.data[5].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[5], 2)">
                                        {{ret.data[5].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[5].number}}
                                    </div>
                                </td>
                                <td title="'Rev Mgr'" ng-switch='ret.data[6].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[6], 2)">
                                        {{ret.data[6].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[6].number}}
                                    </div>
                                </td>
                                <td title="'DoFBev'" ng-switch='ret.data[7].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[7], 2)">
                                        {{ret.data[7].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[7].number}}
                                    </div>
                                </td>
                                <td title="'Exec Chef'" ng-switch='ret.data[8].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[8], 2)">
                                        {{ret.data[8].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[8].number}}
                                    </div>
                                </td>
                                <td title="'DOE'" ng-switch='ret.data[9].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[9], 2)">
                                        {{ret.data[9].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[9].number}}
                                    </div>
                                </td>
                                <td title="'IT Mgr'" ng-switch='ret.data[10].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[10], 2)">
                                        {{ret.data[10].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[10].number}}
                                    </div>
                                </td>
                                <td title="'DOR'" ng-switch='ret.data[11].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[11], 2)">
                                        {{ret.data[11].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[11].number}}
                                    </div>
                                </td>
                                <td title="'FO Mgr'" ng-switch='ret.data[12].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[12], 2)">
                                        {{ret.data[12].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[12].number}}
                                    </div>
                                </td>
                                <td title="'Exec HKP'" ng-switch='ret.data[13].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[13], 2)">
                                        {{ret.data[13].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[13].number}}
                                    </div>
                                </td>
                                <td title="'CMD/DOC'" ng-switch='ret.data[14].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[14], 2)">
                                        {{ret.data[14].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[14].number}}
                                    </div>
                                </td>
                                <td title="'Marcom Mgr'" ng-switch='ret.data[15].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[15], 2)">
                                        {{ret.data[15].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[15].number}}
                                    </div>
                                </td>
                                <td title="'Security Mgr'" ng-switch='ret.data[16].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[16], 2)">
                                        {{ret.data[16].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[16].number}}
                                    </div>
                                </td>
                                <td title="'Procurement Mgr'" ng-switch='ret.data[17].number!=0'>
                                    <div ng-switch-when="true">
                                        <a ng-click="vm.viewVacancyDetail(ret, ret.data[17], 2)">
                                        {{ret.data[17].number}}
                                        </a></div>
                                    <div ng-switch-default>{{ret.data[17].number}}
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <th>Total</th>
                                <th>{{vm.total4.data[0].number}}</th>
                                <th>{{vm.total4.data[1].number}}</th>
                                <th>{{vm.total4.data[2].number}}</th>
                                <th>{{vm.total4.data[3].number}}</th>
                                <th>{{vm.total4.data[4].number}}</th>
                                <th>{{vm.total4.data[5].number}}</th>
                                <th>{{vm.total4.data[6].number}}</th>
                                <th>{{vm.total4.data[7].number}}</th>
                                <th>{{vm.total4.data[8].number}}</th>
                                <th>{{vm.total4.data[9].number}}</th>
                                <th>{{vm.total4.data[10].number}}</th>
                                <th>{{vm.total4.data[11].number}}</th>
                                <th>{{vm.total4.data[12].number}}</th>
                                <th>{{vm.total4.data[13].number}}</th>
                                <th>{{vm.total4.data[14].number}}</th>
                                <th>{{vm.total4.data[15].number}}</th>
                                <th>{{vm.total4.data[16].number}}</th>
                                <th>{{vm.total4.data[17].number}}</th>
                            </tr>
                        </table>
                    </div>
                </div>
                <!-- /.box -->
            </div>
        </div>
    </section>
</div>
